@responsive {
    .display-block {display: block};
    .display-inline-block {display: inline-block};
    .display-inline {display: inline};
    .display-none {display: none};
}

@media only screen and (max-width: 767px) {
    .md-only, .lg-only {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sm-only, .lg-only {
        display: none;
    }
}

@media only screen and (min-width: 992px) {
    .sm-only, .md-only {
        display: none;
    }
}
